<template>
  <div>
    <!-- <div class="nav-content">
      <div class="nav-item" @click="toHome">首页</div>
      <div class="nav-item" @click="toProduct">产品</div>
      <div class="nav-item" @click="toAbout">我的</div>
      <div class="nav-item" @click="toWorkflow">bpmn工作流</div>
    </div> -->

    <router-view></router-view>
  </div>

  <!-- <svg-icon icon-class="avd-CloseOutlined"></svg-icon> -->
</template>
<script setup>
import { useRouter } from "vue-router";
const router = useRouter();

const toHome = () => {
  router.push("/home");
};
const toAbout = () => {
  router.push("/about");
};
const toProduct = () => {
  router.push("/product");
};
const toWorkflow = () => {
  router.push("/workflow");
};
</script>
<style scoped>
.nav-content {
  width: 150px;
}
.nav-content .nav-item {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: 10px 10px;
  font-size: 14px;
}
.nav-content .nav-item:hover {
  background-color: #eee;
}
</style>
